<template>
        <img
                class="img"
                :src="src"
                fit="cover"
                :style="{
                    borderRadius: radius + 'px',
                    width: size + 'rem',
                    height: size + 'rem',
                }"
        >
</template>

<script>
    export default {
        name: "ImageContainer",
        props:{
            size:{
                default: 5,
            },
            radius:{
                default: 5,
            },
            src:{
                default: "https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2534506313,1688529724&fm=26&gp=0.jpg",
            }
        }
    }
</script>

<style scoped>
    .img{
        object-fit: cover;
    }
</style>